<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米账号中心</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/personaldata.css" />
	</head>
	<body>
		<div class="question">
			<div class="container">
				<div class="question-img">
					<a href="#"><img src="img/personaldata/ia_100000005.png"></a>
				</div>
			</div>
		</div>
		<div class="mi-img">
			<div class="container">
				<div class="mi-imgbox fl">
					<img src="img/personaldata/ia_100000000310.png">
				</div>
				<div class="mi-imgword fl">
					小米帐号
				</div>
				<div class="close fr">
					<a href="#">退出</a>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="table">
			<div class="container">
				<div class="table-title">
					<ul>
						<li class="frist-li"><a href="#">账号安全</a></li>
						<li><a href="#">个人信息</a></li>
						<li><a href="#">绑定授权</a></li>
						<li><a href="#">小米服务</a></li>
						<li><a href="#">设备管理</a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="tablebox">
					<div class="personal">
						<div class="personal-name fl">
							请设置昵称<br />
							00000000
						</div>
						<div class="personal-img fl">
							<img src="img/personaldata/ia_100000012.png">
						</div>
						<div class="clear"></div>
					</div>
					<div class="tablebox-item">
						<div class="sat-title">
							<div class="sat-titlename fl">
								安全等级
							</div>
							<div class="sat-titlescore fl">
								40 <span>分</span>
							</div>
							<div class="box fl">
								<div class="box-orange"></div>
								<div class="box-gray"></div>
								<div class="box-radius"></div>
							</div>

							<div class="sat-titleword fl">
								<span>存在</span>2<span>项风险</span>
							</div>
							<div class="clear"></div>
						</div>
						<div class="itembox">
							<div class="itembox-icon fl">
								<img src="img/personaldata/EU_J%7DTH80%60E~81T56%7D_~%5BSC.png">
							</div>
							<div class="itembox-words fl">
								<div class="itembox-name">
									帐号密码
								</div>
								<div class="itembox-word">
									用于保护帐号信息和登录安全
								</div>
							</div>
							<div class="itembox-alter fr">
								修改
							</div>
							<div class="clear"></div>
						</div>
						<div class="itembox">
							<div class="itembox-icon fl">
								<img src="img/personaldata/VFO$GO8K_MK8%603BUPQ%7B3IAO.png">
							</div>
							<div class="itembox-words fl">
								<div class="itembox-name">
									安全邮箱 <img src="img/personaldata/ia_100000040.png"> <span> 未绑定</span>
								</div>
								<div class="itembox-word color-orange">
									安全邮箱将可用于登录小米帐号和重置密码，建议立即设置
								</div>
							</div>
							<div class="itembox-alter fr">
								绑定
							</div>
							<div class="clear"></div>
						</div>
						<div class="itembox">
							<div class="itembox-icon fl">
								<img src="img/personaldata/EC8Y@YI)~%7BZDL(Y%5BKLU_ULB.png">
							</div>
							<div class="itembox-words fl">
								<div class="itembox-name">
									安全手机 +86 155****1234
								</div>
								<div class="itembox-word">
									安全手机可以用于登录小米帐号，重置密码或其他安全验证
								</div>
							</div>
							<div class="itembox-alter fr">
								修改
							</div>
							<div class="clear"></div>
						</div>
						<div class="itembox itembox-last">
							<div class="itembox-icon fl">
								<img src="img/personaldata/IASRY)R$324LFD2ZB1GEB%7DP.png">
							</div>
							<div class="itembox-words fl">
								<div class="itembox-name">
									密保问题 <img src="img/personaldata/ia_100000040.png"> <span> 未绑定</span>
								</div>
								<div class="itembox-word color-orange">
									密保问题用于安全验证，建议立即设置
								</div>
							</div>
							<div class="itembox-alter fr">
								设置
							</div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="tablebox-item disnone">
						<div class="at-imgbox fl">
							<div class="at-img">
								<img src="img/personaldata/ia_100000012.png">
							</div>
							<div class="at-name">
								<a href="#">设置头像</a>
							</div>
						</div>
						<div class="at-box fl">
							<div class="at-boxtitle fl">
								基础资料
							</div>
							<div class="at-box-a at-box-a-write fr">
								<a href="#"><img src="img/personaldata/ia_100000014.png"> 编辑</a>
							</div>
							<div class="clear"></div>
							<div class="info info-name">
								昵称：请设置昵称
							</div>
							<div class="info info-sex">
								性别：
							</div>
							<div class="at-boxtitle at-boxtitle-bottom">
								高级设置
							</div>
							<div class="info fl">
								银行卡
							</div>
							<div class="at-box-a at-box-information-a fr">
								<a href="#">管理</a>
							</div>
							<div class="clear"></div>
							<div class="info fl">
								数据权利中心
							</div>
							<div class="at-box-a at-box-information-a fr">
								<a href="#">管理</a>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="tablebox-item disnone">
						<div class="db-title">
							绑定 <span> 小米帐号绑定的第三方帐号，可用于直接登录小米网等网站</span>
						</div>
						<div class="db-itembox fl">
							<div class="db-itemboximg fl">
								<img src="img/personaldata/4V%25NS_H@TS@TZJMTDCGC$XP.png">
							</div>
							<div class="db-item-words fl">
								<div class="db-itemboxname">
									新浪微博
								</div>
								<div class="db-item-word">
									<img src="img/personaldata/ia_100000040.png"> 未绑定
								</div>
								<div class="db-itemboxbtn">
									<a href="#">添加绑定</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="db-itembox fl">
							<div class="db-itemboximg fl">
								<img src="img/personaldata/7E9%25)V7%7DUDU_W50%255TXZ%25L1.png">
							</div>
							<div class="db-item-words fl">
								<div class="db-itemboxname">
									QQ
								</div>
								<div class="db-item-word">
									<img src="img/personaldata/ia_100000040.png"> 未绑定
								</div>
								<div class="db-itemboxbtn">
									<a href="#">添加绑定</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="db-itembox fl">
							<div class="db-itemboximg fl">
								<img src="img/personaldata/W6DFIB5V4JSMP%7D%254T)Z%5BFBH.png">
							</div>
							<div class="db-item-words fl">
								<div class="db-itemboxname">
									微信
								</div>
								<div class="db-item-word">
									<img src="img/personaldata/ia_100000040.png"> 未绑定
								</div>
								<div class="db-itemboxbtn">
									<a href="#">添加绑定</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="db-itembox fl">
							<div class="db-itemboximg fl">
								<img src="img/personaldata/F)MF$IJA%60QYN%5B%60414S%5DMSWL.png">
							</div>
							<div class="db-item-words fl">
								<div class="db-itemboxname">
									Apple
								</div>
								<div class="db-item-word">
									<img src="img/personaldata/ia_100000040.png"> 未绑定
								</div>
								<div class="db-itemboxbtn">
									<a href="#">添加绑定</a>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
						<div class="db-bottomwords">
							<div class="db-bottomname">
								授权 <span>您已经授权以下应用访问您的部分帐号信息</span>
							</div>
						</div>
						<div class="db-footer">
							暂未授权任何应用访问您的帐号信息
						</div>
					</div>
					<div class="tablebox-item disnone">
						<div class="serve-title">
							您的帐号可以登录以下服务
						</div>
						<div class="serve-itemallbox">
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/%7DZPZ_3JYK0W%5DOBTN%7DSYMCBY.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">小米官网</a>
									</div>
									<div class="serve-itemword">
										小米手机，红米手机，小米平板和小米电视官方正品
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/2Q5S_9BKL%7DZ0%60Q733(6K(%7D6.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">MIUI</a>
									</div>
									<div class="serve-itemword">
										发烧友必刷的Android ROM
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/%7DC)JJZUWH%60K5(S827A_D0DR.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">云服务C</a>
									</div>
									<div class="serve-itemword">
										随时随地，管理你的所有设备和数据
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/)DVQ%60H3E)8I9$CXO$AAXY9R.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">米币中心</a>
									</div>
									<div class="serve-itemword">
										轻松安心充值，乐享小米服务
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/~RIJK9U1DO%5DNM$D%7B~$%25M%5BUL.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">应用商店</a>
									</div>
									<div class="serve-itemword">
										发现最新最热最好玩的应用
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/H%5B)56$%60X%5D%7BQ9M6~KI2S34%25R.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">主题商店</a>
									</div>
									<div class="serve-itemword">
										手机百变换装，从此与众不同
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/DRR0J$%25I1@%5BM9~6(1$J8C_Q.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">多看阅读</a>
									</div>
									<div class="serve-itemword">
										海量畅销电子书免费试读，数百万读者阅读首选
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/A%60%6043%7DTAH%7BZ2~$7%25_DH%25NA2.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">米聊</a>
									</div>
									<div class="serve-itemword">
										轻松社交，米粉乐园
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="./img/personaldata/%5BI6%7D1O@~TP5SZ%7D1357J%25%255J.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">小米社区</a>
									</div>
									<div class="serve-itemword">
										小米手机官方论坛
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="srv fl">
								<div class="serve-itemimg fl">
									<a href="#"><img src="img/personaldata/0HQK7MXD)_%255V%60TGF26@887.png"></a>
								</div>
								<div class="serve-itemwords fl">
									<div class="serve-itemname">
										<a href="#">小米游戏</a>
									</div>
									<div class="serve-itemword">
										发现游戏，发现你
									</div>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
					<div class="tablebox-item disnone">
						<div class="equipment-title">
							设备管理
						</div>
						<div class="equipment-box">
							暂无设备
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-choose-allbox">
				<div class="footer-choose-box fl">
					<a href="#">简体</a>
				</div>
				<div class="footer-choose-box fl">
					<a href="#">繁体</a>
				</div>
				<div class="footer-choose-box fl">
					<a href="#">English</a>
				</div>
				<div class="footer-choose-box footer-choose-box-last  fl">
					<a href="#">常见问题</a>
				</div>
				<div class="clear"></div>
			</div>

			<div class="footer-word">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</div>
		</div>
		<script src="js/jquery/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/personaldata.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/layer/mobile/layer.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
